<!DOCTYPE HTML>
<html>
<head>
<title>Designers</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fashion Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery-1.8.3.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->
</head>
<body>
		<!--header-->
			<div class="header">
				<div class="container">
					<div class="header-top">
						<div class="logo">
							<a href="index.html">Fashion <span>Style</span></a>
						</div>
						<div class="top-menu">
						<span class="menu"><img src="images/nav.png" alt=""/> </span>
							<ul>
								<li><a href="index.html">home</a></li>
								<li><a href="about.html">about</a></li>
								<li><a href="designers.html" class="active">designers</a></li>
								<li><a href="gallery.html">gallery</a></li>
								<li><a href="typo.html">typo</a></li>
								<li><a href="contact.html">contact</a></li>
							</ul>
						</div>
						 <!--script-nav-->
						 <script>
						 $("span.menu").click(function(){
						 $(".top-menu ul").slideToggle("slow" , function(){
						 });
						 });
						 </script>
						<div class="clerfix"></div>
					</div>
				</div>
			</div>
		<!--header-->
		<div class="header-banner">
			<div class="container">
				<h3>Designers</h3>
			</div>
			</div>
			<!--Designers-->
				<div class="content">
					<div class="Designers-section">
						<div class="container">
							<div class="Designers-grids">
							<div class="Designers1">
								<div class="col-md-4 Designer-grid">
								<a href="#" class="mask">
									<img src="images/p6.jpg" class=" mask img-responsive zoom-img" alt="" /></a>
								</div>
								<div class="col-md-8 Designer-grid1">
									<h4> Fusce euismod consequat ant </h4>
									<p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo.lorem ipsum dolor sit amet, consectetuer adipiscing elit.lorem ipsum dolor sit amet, consectetuer adipiscing elit.lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="Designers2">
								<div class="col-md-4 Designer-grid">
								<a href="#" class="mask">
									<img src="images/p7.jpg" class="img-responsive zoom-img" alt="" /></a>
								</div>
								<div class="col-md-8 Designer-grid1">
									<h4> Fusce euismod consequat ant </h4>
									<p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo.lorem ipsum dolor sit amet, consectetuer adipiscing elit.lorem ipsum dolor sit amet, consectetuer adipiscing elit.lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
								</div>
								<div class="clearfix"></div>
							</div>
						<div class="Designers3">
								<div class="col-md-4 Designer-grid">
								<a href="#" class="mask">
									<img src="images/p8.jpg" class="img-responsive zoom-img" alt="" /></a>
								</div>
								<div class="col-md-8 Designer-grid1">
									<h4>Fusce euismod consequat ant </h4>
									<p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo.lorem ipsum dolor sit amet, consectetuer adipiscing elit.lorem ipsum dolor sit amet, consectetuer adipiscing elit.lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
								</div>
								<div class="clearfix"></div>
							</div>
						<div class="Designers4">
								<div class="col-md-4 Designer-grid">
								<a href="#" class="mask">
									<img src="images/p9.jpg" class="img-responsive zoom-img" alt="" /></a>
								</div>
								<div class="col-md-8 Designer-grid1">
									<h4> Fusce euismod consequat ant </h4>
									<p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo.lorem ipsum dolor sit amet, consectetuer adipiscing elit.lorem ipsum dolor sit amet, consectetuer adipiscing elit.lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
								</div>
								<div class="clearfix"></div>
							</div>
						<div class="clearfix"></div>
						</div>
					</div>
				</div>
			</div>
				<!--Designers-->
				<!--footer-->
			<div class="footer text-center">
				<div class="container">
					<div class="footer-grids">
						<div class="col-md-4 footer-text">  
							<h3>About Us</h3>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's.</p>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's.</p>
						</div>
						<div class="col-md-4 footer-flickr">
							<h3>Flickr Feed</h3>
							<div class="flickr-grids">
							<div class="flickr-grid">
								<a href="#"><img src="images/t1.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/c2.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/c1.jpg" alt=""/></a>
							</div>
								<div class="clearfix"> </div>
										
							<div class="flickr-grid">
								<a href="#"><img src="images/c2.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
							   <a href="#"><img src="images/c1.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
							   <a href="#"><img src="images/t1.jpg" alt=""/></a>
							</div>
								<div class="clearfix"> </div>
						</div>
					</div>
						<div class="col-md-4 footer-info">
							<h3>Get In Touch</h3>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, </p>
							<div class="support">
								<form>
									<input type="text" value="Your email..." onfocus="this.value='';" onblur="if (this.value == '') {this.value ='Enter your email';}">
									<input type="submit" value="SUBSCRIBE">
								</form>
							</div>
					</div>
					<div class="clearfix"> </div>
				</div>
					<div class="copy">
						<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#head" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
			</div>	
<!--footer-->			
</body>
</html>